<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script src="./js/gauge.js"></script>
</head>

<body style="background-color:#21304c">
    <button style="width:100px;height:50px;" onclick="box()">触发</button>
    <div id="box" style="height: 100px; width: 100px;"></div>
</body>
<script type="text/javascript">
    //仪表标题
    var title = "仪表盘";
    $("#box").lu_word(title);

    function box() {
        //目标值
        var progress = Math.random();
        //参数1：仪表值<=1
        //参数2：中间显示的值<=1
        $("#box").setWord(progress, progress);
    }
</script>

</html>